<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./kugou.css">
    <link rel="stylesheet" href="./../酷狗/css/kugou.min.css">
</head>

<body>
    <div class="header">
        <div class="center">
            <h1 class="logo">
                <a href="#"><img src="https://staticssl.kugou.com/public/root/images/logo.png" alt=""></a>
            </h1>
            <div class="search">
                <div class="search-input">
                    <input type="text" placeholder="王思远 她">
                    <div class="search-sou">
                        <i class="sous"></i>
                    </div>
                </div>
            </div>
            <!-- 顶部列表 -->
            <div class="topNav ">
                <ul class="bsUl">
                    <li><a target="_blank" href="#">客服中心</a></li>
                    <li><a target="_blank" href="#">招贤纳士</a></li>
                    <li><a target="_blank" href="#">会员中心 </a></li>
                    <li><a target="_blank" href="#">商务合作 </a></li>
                </ul>
                <div class="login_area">
                    <div id="login_in" class="clearfix"><a class="login_btn" id="login_btn">登录</a></div>
                </div>
            </div>
        </div>
    </div>
    <div class="content">
        <!-- 内容列表 -->
        <div class="content-list">
            <div class="center">
                <!--左列表  -->
                <ul class="left-list">
                    <li class="list-item"><a href="../酷狗/kugou.html">首页</a></li>
                    <li class="list-item"><a href="./../榜单/榜单.html">榜单</a></li>
                    <li class="list-item"><a href="./../下载客户端.html">下载客户端</a></li>
                    <li class="list-item more">
                        <a href="#" class="jiantou">
                            更多
                        </a>
                        <ul class="more-list">
                            <li class="more-item"><a href="./../更多 电台 MV/电台.html">电台</a> </li>
                            <li class="more-item"><a href="./../更多 电台 MV/gou.html">MV</a> </li>
                            <li class="more-item"><a href="./../歌单/kugou.html">歌单</a> </li>
                            <li class="more-item"><a href="./../歌手/歌手.html">歌手</a> </li>
                        </ul>
                    </li>
                </ul>
                <!-- 右列表 -->
                <ul class="right-list">
                    <li class="apple-item">
                        <a href="JavaScript" class="xtp1">
                            直播
                        </a>
                    </li>
                    <li class="apple-item">
                        <a href="JavaScript" class="xtp2">
                            商城
                        </a>
                    </li>
                    <li class="apple-item">
                        <a href="JavaScript" class="xtp3">
                            音乐人
                        </a>
                    </li>
                    <li class="apple-item">
                        <a href="JavaScript" class="xtp4">
                            代理商
                        </a>
                    </li>
                    <li class="apple-item">
                        <a href="JavaScript" class="xtp5">
                            主播电台
                        </a>
                    </li>
                    <li class="apple-item">
                        <a href="JavaScript" class="xtp6">
                            开放平台
                        </a>
                    </li>
                </ul>
            </div>
        </div>
    
        <div class="wrap">
            <div class="l">
                <dl class="dl">
                    <dt data-i="0" class="ulAbumsa tj"><a href="">推荐</a></li>
                    <dt data-i="1" class="hot"> <a href="">最热</a></li>
                    <dt data-i="2"> <a href="">热藏</a></li>
                    <dt data-i="3"> <a href="">飙升</a></li>
                </dl>
            </div>
            <div class="r">
                <ul class="ulAbums ulAbums1 ulAbumsa">
                    <li class="gedan">
                        <div class="pic">
                            <a href="#"><img
                                    src="https://imgessl.kugou.com/custom/150/20201207/20201207134716994336.jpg"
                                    alt=""></a>
                        </div>
                        <div class="detaail">
                            <div class="top">
                                <em>制作人：蔓若</em>
                                <strong>
                                    <a href="#">乡村之旅：安静惬意.与自然同在</a>
                                </strong>
                            </div>
                            <div class="text">清晨的泥土芳香扑鼻而来，深呼大自然的气息，安静的欣赏花草树木换装后新装，尽情享受这美妙的春光。 #年终限定奖#</div>
                            <div class="btn">
                                <a href="#">
                                    <span>
                                        <i class="t2"></i>
                                        播放全部
                                    </span>
                                </a>
                                <a href="#" class="fenxiang">
                                    <span>
                                        <i class="t2"></i>
                                        分享
                                    </span>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
                <ul class="ulAbums ulAbums2">
                    <li class="gedan">
                        <div class="pic">
                            <a href="#"><img
                                    src="https://imgessl.kugou.com/custom/150/20201207/20201207134716994336.jpg"
                                    alt=""></a>
                        </div>
                        <div class="detaail">
                            <div class="top">
                                <em>制作人：蔓若</em>
                                <strong>
                                    <a href="#">乡村之旅：安静惬意.与自然同在</a>
                                </strong>
                            </div>
                            <div class="text">清晨的泥土芳香扑鼻而来，深呼大自然的气息，安静的欣赏花草树木换装后新装，尽情享受这美妙的春光。 #年终限定奖#</div>
                            <div class="btn">
                                <a href="#">
                                    <span>
                                        <i class="t2"></i>
                                        播放全部
                                    </span>
                                </a>
                                <a href="#" class="fenxiang">
                                    <span>
                                        <i class="t2"></i>
                                        分享
                                    </span>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
                <ul class="ulAbums ulAbums3 ">
                    <li class="gedan">
                        <div class="pic">
                            <a href="#"><img
                                    src="https://imgessl.kugou.com/custom/150/20201207/20201207134716994336.jpg"
                                    alt=""></a>
                        </div>
                        <div class="detaail">
                            <div class="top">
                                <em>制作人：蔓若</em>
                                <strong>
                                    <a href="#">乡村之旅：安静惬意.与自然同在</a>
                                </strong>
                            </div>
                            <div class="text">清晨的泥土芳香扑鼻而来，深呼大自然的气息，安静的欣赏花草树木换装后新装，尽情享受这美妙的春光。 #年终限定奖#</div>
                            <div class="btn">
                                <a href="#">
                                    <span>
                                        <i class="t2"></i>
                                        播放全部
                                    </span>
                                </a>
                                <a href="#" class="fenxiang">
                                    <span>
                                        <i class="t2"></i>
                                        分享
                                    </span>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
                <ul class="ulAbums ulAbums4">
                    <li class="gedan">
                        <div class="pic">
                            <a href="#"><img
                                    src="https://imgessl.kugou.com/custom/150/20201207/20201207134716994336.jpg"
                                    alt=""></a>
                        </div>
                        <div class="detaail">
                            <div class="top">
                                <em>制作人：蔓若</em>
                                <strong>
                                    <a href="#">乡村之旅：安静惬意.与自然同在</a>
                                </strong>
                            </div>
                            <div class="text">清晨的泥土芳香扑鼻而来，深呼大自然的气息，安静的欣赏花草树木换装后新装，尽情享受这美妙的春光。 #年终限定奖#</div>
                            <div class="btn">
                                <a href="#">
                                    <span>
                                        <i class="t2"></i>
                                        播放全部
                                    </span>
                                </a>
                                <a href="#" class="fenxiang">
                                    <span>
                                        <i class="t2"></i>
                                        分享
                                    </span>
                                </a>
                            </div>
                        </div>
                    </li>
                </ul>
                <div class="download">
                    查看更多内容，请下载客户端
                    <span><a href="">立即下载</a></span>
                </div>
            </div>
        </div>
    </div>
    <div class="footer">
        <div class="center">
            <div class="links">
                <a href="javascript">关于酷狗</a>|
                <a href="javascript">监督举报</a>|
                <a href="javascript">商务合作</a>|
                <a href="javascript">广告服务</a>|
                <a href="javascript">投诉指引</a>|
                <a href="javascript">隐私政策</a>|
                <a href="javascript">儿童隐私政策</a>|
                <a href="javascript">用户服务协议</a>|
                <a href="javascript">酷狗音乐人</a>|
                <a href="javascript">酷狗直通车</a>|
                <a href="javascript">招聘信息</a>|
                <a href="javascript">客服中心</a>|
                <a href="javascript">用户体验提升计划</a>
            </div>
            <div class="copyright">
                <p>我们致力于推动网络正版音乐发展，相关版权合作请联系copyrights@kugou.com</p>
                <p>信息网络传播视听节目许可证 1910564 增值电信业务经营许可证粤B2-20060339 <a href="javascript">粤ICP备09017694号</a>
                    <span class="footerIcon"></span>
                </p>
                <p>广播电视节目制作经营许可证（粤）字第01270号营业性演出许可证穗天演440106026<a href="javascript">营业执照</a></p>
                <p>穗公网监备案证第44010650010167&nbsp;&nbsp;&nbsp;&nbsp;互联网药品信息服务资格证编号（粤）-非经营性-2012-0018
                    <a href="javascript">
                        <span>粤公网安备 44010602000141号</span>
                        <img src="//www.kugou.com/common/images/icon_yuewangga1.png" width="16" height="16">
                    </a>
                </p>
                <p><a
                        href="javascript">互联网不良信息举报中心：www.12377.cn</a>&nbsp;&nbsp;&nbsp;&nbsp;酷狗不良信息举报邮箱：jubao_music@kugou.net&nbsp;&nbsp;&nbsp;&nbsp;客服邮箱：kefu@kugou.net
                </p>
                <p>Copyright&nbsp;&nbsp;©&nbsp;&nbsp;2004-2021 KuGou-Inc.All Rights Reserved
                </p>
            </div>
        </div>
    </div>
    <script src="./kugougedan.js"></script>
    </script>
</body>

</html>